<template>
<div class="container generali">
    <!-- 项目概括 -->
    <p>项目概括</p>
    <div class="generali-list clearfix">
        <dl v-for="(item,i) in list" :key="i">
            <dt>{{item.title}}</dt>
            <dd>{{item.content}}</dd>
        </dl>
    </div>
    <div class="picture">
        <img :src="pic" alt="">
    </div>
</div>
</template>

<script>
export default {
   
    data() {
        return {
            list: [{
                    title: '项目类型',
                    content: '产业园区'
                },
                {
                    title: '物业费',
                    content: '15元/月/m²'
                },
                {
                    title: '总楼层数',
                    content: '21层'
                },
                {
                    title: '地址',
                    content: '北京市石景山区古城西街19号'
                },
                {
                    title: '车位费',
                    content: '500元/个/月'
                },
                {
                    title: '标准层高',
                    content: '4.2米'
                },
                {
                    title: '电话',
                    content: '010 - 56533466'
                },
                {
                    title: '使用率',
                    content: '68%'
                },
                {
                    title: '开盘时间',
                    content: '2018年12月'
                },
            ],
            pic:require('@/assets/picture_group.png')
        }
    },
}
</script>

<style lang="less" scoped>
.generali {
    background-color: #fff;
    margin-top: 70px;
    padding: 46px 46px 30px 46px;
    box-sizing: border-box;
    font-family: 'PingFangSC-Semibold';

    .generali-list {
        padding: 60px 0px 56px 00px;
        box-sizing: border-box;

        :nth-child(3),
        :nth-child(6),
        :nth-child(9) {
            margin-right: 0px;
        }

        dl {
            float: left;
            margin-bottom: 30px;
            width: 190px;
            margin-right: 268px;

            dt {
                font-size: 24px;
                padding-bottom: 10px;
            }

            dd {
                font-size: 14px;
            }
        }

    }
}

p {
    font-size: 30px;
    text-align: center;
    color: #333;
}
</style>
